<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>第一章节：javaScript简介、开发环境、编辑测试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <script src="js/main.js"></script>
    
</head>
<body>
    <div id="main">
        <div id="header">
            <h2>第一章节:javaScript简介</h2>
        </div>
        <div id="content">
            <div class="subjects">
                <h3> <em>1.</em>javascript三种引入方式</h3>
                <p>
                   W3C标准,规范前端三个组成部份：1)HTML控制网页的结构；2)CSS控制网页的外观；3)而javaScript控制网页的行为；<br/>函数alert("仅仅用于提示文字")；想要在HTML中引入javaScript有三种方式:<b>外部javaScript</b>、<b>内部javaScript</b>、<b>元素事件javaScript</b>。请用三种方式分别实现，打开或刷新网页，提示“网页打开，我来了”。
                </p>
            </div>
            
            <div class="subjects">
                <h3> <em>2.</em>点我试试（属性事件onclick</h3>
                <p>
                    事件简单理解当我们单击，双击，鼠标划过后，程序将为我们做什么？为文章标题&lt;h3&gt;添加事件属性onclick=alert("小样，敢碰我！"),点击后查看效果。
                </p>
            </div>

            <div class="subjects">
                <h3> <em>3.</em>hello world</h3>
                <p>
                        JavaScript：写入 HTML 输出 hello world ,请问写入html文档后，原来文档中显示的内容还会存在吗？
                </p>
            </div>

        </div>
    </div>    
</body>
</html>
